﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>iGoal</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="scripts/fancybox/jquery.mousewheel-3.0.2.pack.js"></script>
<script type="text/javascript" src="scripts/fancybox/jquery.fancybox-1.3.1.js"></script>
<script type="text/javascript" src="scripts/jquery.jeditable.js"></script>
<script type="text/javascript" src="scripts/DD_roundies_0.0.2a-min.js"></script> 
<script type="text/javascript" src="scripts/tooltip/tooltip.js"></script> 
<link rel="stylesheet" type="text/css" href="script/fancybox/jquery.fancybox-1.3.1.css" media="screen" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="styles/tmpStyle.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">

$(document).ready(function() {
DD_roundies.addRule('.bogoc', '5px', true);

$(".avatar img[title]").tooltip();

});



	</script>
	
	<style type="text/css">

	.tooltip {
	display:none;
	background-color:black;
	font-size:16px;
	padding:25px;
	color:#fff;	
}
	</style>
</head>
<body>
<div id="all">
  <div id="header">
    <div class="top">
      <input type="text" class="input_search" />
      <input type="button" class="button_search" />
    </div>
    <div class="banner">
      <div id="logo"><img src="images/logo/logo.png" alt="igoal.vn" /></div>
      <div class="w1">
        <div></div>
      </div>
      <div id="slogan">chia sẻ mục tiêu của bạn</div>
    </div>
  </div>
  <div id="acc_contain"> <a class="avatar"><img src="images/avatar.png" alt="" /></a>
    <div class="infomation">
      <div class="title"><b style="float:left">“</b> <div class="editable edittext" style="display:inline">hôm nay buồn buồn sao ý mấy bạn ạ... </div><b>”</b></div>
      <div class="updatetime">Cập nhật cách đây 1 giờ 20 phút</div>
      <div class="icon"> <a class="smiles"></a>
        <div class="w2"></div>
        <a class="contact"></a>
        <div class="w2"></div>
        <a class="friend"></a>
        <div class="w2"></div>
        <a class="support"></a> </div>
    </div>
  </div>
  <div class="w3"></div>
  <div id="infomation">
    <div id="left">
      <div class="w6"></div>
      <div id="goalvote" class="bogoc">"Thành công không đến với kẻ sợ thất bại và không đặt mục tiêu cho bản thân mình"<b> - Tony Parkson -</b></div>
      <div class="w9">
        <div class="more1"></div>
      </div>
      <div id="memberdo">
        <div class="left">
          <div class="number">Có <b>786</b> người đang cùng bạn thực hiện mục tiêu này</div>
          <div class="goalname">
            <div class="text">Học giỏi Guitar hơn</div>
            <a class="icon"></a></div>
        </div>
        <div class="right"> <a class="button">Đã hoàn thành</a> </div>
      </div>
      <div class="w3"></div>
      <div id="allmemberdo">
        <div class="left">Những thành viên đang thực hiện mục tiêu này</div>
        <div class="viewall"></div>
      </div>
      <div id="listavatar">
        <div class="avatar"><img src="images/avatar/1.png" title="heo oi heo" /></div>
        <div class="avatar"><img src="images/avatar/2.png" title="ga oi ga"/></div>
        <div class="avatar"><img src="images/avatar/3.png" title="cho oi cho" /></div>
        <div class="avatar"><img src="images/avatar/4.png" /></div>
        <div class="avatar"><img src="images/avatar/5.png" /></div>
        <div class="avatar"><img src="images/avatar/6.png" alt="" /></div>
        <div class="avatar"><img src="images/avatar/7.png" alt="" /></div>
        <div class="avatar"><img src="images/avatar/8.png" alt="" /></div>
      </div>
      <div class="archtitle">Bài viết liên quan đến mục tiêu <b style="color:#333333">"học giỏi Guitar"</b></div>
      <div class="w6"></div>
      <div class="paging"> <a class="iconprev"></a> <a class="linktext">Quay lại</a>
        <div class="w10"></div>
        <b style="float:left; color:#666666; padding-left:10px;">Trang</b><a class="number">1</a><a class="number">2</a><a class="number">3</a><a class="number">4</a><a class="number">5</a>
        <div class="w10"></div>
        <a class="linktext">Tiếp theo</a> <a class="iconnext"></a> </div>
      <div class="archicle">
        <div class="avatar"><img src="images/avatar/1.png" alt="" /></div>
        <div class="archic">
          <div class="title"><b>Chơi Guitar bằng đam mê</b> <span>gửi bởi</span> <a>Phan Sang</a></div>
          <div class="w3"></div>
          <div class="goodtalk">"Nếu không choi Guitar bằng tất cả tình yêu và niềm đam mê của mình thì bạn không thể thành công"</div>
          <div class="timedotit">
            <div class="icon"></div>
            <span>Mất <b> 3 tháng </b> để thực hiện mục tiêu này</span> </div>
          <div class="howdo">
            <div class="icon"></div>
            <span>Thành viên <a> Phan Sang </a> đã thực hiện nó như thế nào</span> </div>
          <div class="infogoal">
            <div class="avatar"> <img src="images/Untitled-2.png" alt="" /> </div>
            <div class="text">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla</div>
          </div>
          <div class="howdo">
            <div class="icon"></div>
            <span>Bài học và kinh nghiệm thành công</span> </div>
          <div class="learning">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</div>
          <div class="useredit">
            <div class="icon4"></div>
            <div class="dategoal">Ngày tạo mục tiêu: <b>25 tháng 6 năm 2010</b></div>
            <a><b>10</b> lời chúc mừng</a> 
            <div class="w11"></div>
             <a><b>3</b> ý kiến</a>
             </div>
        </div>
        
      </div>
      <div class="archicle">
        <div class="avatar"><img src="images/avatar/1.png" alt="" /></div>
        <div class="archic">
          <div class="title"><b>Chơi Guitar bằng đam mê</b> <span>gửi bởi</span> <a>Phan Sang</a></div>
          <div class="learning">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. <span class="text">Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla</span></div>
          <div class="useredit">
            <div class="icon4"></div>
            <div class="dategoal">Ngày tạo mục tiêu: <b>25 tháng 6 năm 2010</b></div>
            <a><b>42</b> lời chúc mừng</a> 
            <div class="w11"></div>
             <a><b>17</b> ý kiến</a>
          </div>
        </div>
        
      </div>
      	<div class="w6"></div>
       <div class="paging"> <a class="iconprev"></a> <a class="linktext">Quay lại</a>
        <div class="w10"></div>
        <b style="float:left; color:#666666; padding-left:10px;">Trang</b><a class="number">1</a><a class="number">2</a><a class="number">3</a><a class="number">4</a><a class="number">5</a>
        <div class="w10"></div>
        <a class="linktext">Tiếp theo</a> <a class="iconnext"></a> </div>
    </div>
    <div id="right">
    	<div class="w6"></div>
    	<div id="goalrank">
        	<div class="title">Thông tin về mục tiêu này</div>
            <div class="rank">Tổng số người thực hiện: <b>1400</b> người<br />
            Tổng số người hoàn thành: <b>375</b> người<br />
            Thời gian trung bình hoàn thành: <b>32</b> ngày<br />
            Tổng số giải pháp đưa ra: <b>500</b> người<br />
            </div>
        </div>
      <div class="question">
        <h1>Cập nhật thông tin cá nhân</h1>
      </div>
      <div id="updateuser" class="bogoc">
        <div class="score2">
        	<div class="scorebar">
            	<div class="left"></div>
                <div class="center" style="width:70px">25% |</div>
                <div class="right"></div>
            </div>
        </div>
        <div class="w6"></div>
        <div class="sharingtip">
          <div class="icontip"></div>
          <div class="tip"><a>Cập nhật các thông tin cơ bản +<b>15</b>%</a></div></div>
        <div class="sharingtip">
          <div class="icontip"></div>
           <div class="tip"><a>Thêm hình đại diện +<b>15</b>%</a></div></div>
        <div class="sharingtip">
          <div class="icontip"></div>
           <div class="tip"><a>Thêm thông tin về sở thích +<b>15</b>%</a></div></div>
        <div class="sharingtip">
          <div class="icontip"></div>
           <div class="tip"><a>Chia sẻ mục tiêu của bạn +<b>15</b>%</a></div></div>
        <div class="w6"></div>
        <div id="hot"> <b>Tại sao bạn phải cập nhật thông tin cá nhân ?</b><br />
          <br />
          iGoal sẽ dựa trên thông tin cơ bản của bạn để gợi ý danh sách những bạn bè của bạn hiện đang hoạt động trên iGoal </div>
      </div>
      <div class="question">
        <h1>Hoạt động gần đây</h1>
      </div>
      <div id="aboutme">
        <div class="top"></div>
        <div class="middle recentlyActivity">
        	<ul>
            	<li>
                <a href="#" class="avatar25x25"><img src="images/avatar/3.png" width="25" /></a>
                <p><a href="#">tendep</a> vừa chúc mừng <a href="#">tringuyen</a> hoàn thành mục tiêu <a href="#" class="textGoal">đạp xích lô lấy tiền nuôi vợ</a></p>
                </li>
                <li>
                <a href="#" class="avatar25x25"><img src="images/avatar/3.png" width="25" /></a>
                <p><a href="#">tendep</a> vừa chúc mừng <a href="#">tringuyen</a> hoàn thành mục tiêu <a href="#" class="textGoal">đạp xích lô lấy tiền nuôi vợ</a></p>
                </li>
                <li>
                <a href="#" class="avatar25x25"><img src="images/avatar/3.png" width="25" /></a>
                <p><a href="#">tendep</a> vừa chúc mừng <a href="#">tringuyen</a> hoàn thành mục tiêu <a href="#" class="textGoal">đạp xích lô lấy tiền nuôi vợ</a></p>
                </li>
            </ul>
            <a href="#" style="color:#666;font-size:11px;">XEM TIẾP</a>
        </div>
        <div class="buttom"> </div>
      </div>
      <div class="question">
        <h1>Giới thiệu bản thân</h1>
      </div>
      <div id="aboutme">
        <div class="top"></div>
        <div class="middle">
        <div class="icon"></div>
        <div class="editabletext">Tôi 20 tuổi, nhiều hoài bão, ước mơ! Tôi luôn đặt mục tiêu cho bản thân mình để hướng đến và hoàn thiện mình hơn...</div>
        </div>
        <div class="buttom"> </div>
      </div>
        <div class="question">
          <h1>Danh sách bạn bè <b style="color:#CA4A0C">(18)</b></h1>
          <div class="dem1"><a class="viewall"></a></div>
        </div>
        <div class="myfriend">
          <div class="avatar"><img src="images/avatar/_r1_c1.png" alt="" /></div>
          <div class="infofriend"> <div class="friendname"><a>Phan Sang</a></div>
            <div class="text">3 mục tiêu | cập nhật cách đây 3 giờ</div>
            <div class="off">OFFLINE</div>
          </div>
        </div>
        <div class="w6"></div>
        <div class="w3"></div>
        <div class="w6"></div>
        <div class="myfriend">
          <div class="avatar"><img src="images/avatar/_r3_c1.png" alt="" /></div>
          <div class="infofriend"> <div class="friendname"><a>Thanh Liem</a></div>
            <div class="text">3 mục tiêu | cập nhật cách đây 3 giờ</div>
            <div class="on">ONLINE</div>
          </div>
        </div>
        <div class="w6"></div>
        <div class="w3"></div>
        <div class="w6"></div>
        <div class="myfriend">
          <div class="avatar"><img src="images/avatar/_r5_c1.png"></div>
          <div class="infofriend"> <div class="friendname"><a>liembusinessman</a></div>
            <div class="text">3 mục tiêu | cập nhật cách đây 3 giờ</div>
            <div class="off">OFFLINE</div>
          </div>
        </div>
        <div class="w6"></div>
        <div class="w3"></div>
        <div class="w6"></div>
        <div class="myfriend">
          <div class="avatar"><img src="images/avatar/_r7_c1.png" alt="" /></div>
          <div class="infofriend"> <div class="friendname"><a>Obama</a></div>
            <div class="text">3 mục tiêu | cập nhật cách đây 3 giờ</div>
            <div class="on">ONLINE</div>
          </div>
        </div>
        <div class="w6"></div>
        <div class="w3"></div>
        <div class="w6"></div>
        <div class="myfriend">
          <div class="avatar"><img src="images/avatar/_r9_c1.png" alt=""></div>
          <div class="infofriend"> <div class="friendname"><a>Osama Binladen</a></div>
            <div class="text">3 mục tiêu | cập nhật cách đây 3 giờ</div>
            <div class="off">OFFLINE</div>
          </div>
        </div>
        <div class="w6"></div>
        <div class="question">
          <h1>Có thể bạn biết</h1>
          <div class="dem2"><a class="nextframe"></a><a class="prevframe"></a></div>
        </div>
        <div class="myfriend">
          <div class="avatar"><img src="images/avatar/_r7_c1.png" alt=""></div>
          <div class="infofriend"> <div class="friendname"><a>Putil olami</a></div>
            <div class="text">Có chung 5 bạn bè</div>
            <div class="off">OFFLINE</div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
</body>
</html>
